<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Treks Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--script-->
<script src="js/menu_jquery.js"></script>
</head>
<body>
<!--banner start here-->
<div class="banner">
  <div class="header">
	<div class="container">
		 <div class="header-main">
				<div class="logo">
					<h1><a href="index.html">Treks</a></h1>
				</div>
				<div class="header-right">
					<div class="head-top">
					<div class="top-nav-right">
						<div id="loginContainer"><a href="#" id="loginButton"><span>Login</span></a>
							    <div id="loginBox">                
							        <form id="loginForm">
							                <fieldset id="body">
							                	<fieldset>
							                          <label for="email">Email Address</label>
							                          <input type="text" id="email">
							                    </fieldset>
							                    <fieldset>
							                            <label for="password">Password</label>
							                            <input type="password" id="password">
							                     </fieldset>
							                    <input type="submit" id="login" value="Sign in">
							                	<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
							            	</fieldset>
							            <span><a href="#">Forgot your password?</a></span>
								 </form>
					        </div>
					</div>
			         <div class="clearfix"> </div>
				   </div>
				   <div class="ph-numb"><h4>Ph:+1285 656 5555</h4></div>
				 </div>
				 <div class="top-nav">
					<span class="menu"> <img src="images/icon.png" alt=""/></span>
					<ul class="res" >
					    <li><a href="index.html" class="active hvr-sweep-to-bottom">Home</a></li> 
						<li><a class="hvr-sweep-to-bottom" href="about.html">About</a></li>  
						<li><a class="hvr-sweep-to-bottom" href="typo.html">Typo</a></li>
						<li><a class="hvr-sweep-to-bottom" href="gallery.html">Gallery</a></li> 
						<li><a class="hvr-sweep-to-bottom" href="contact.html">Contact</a></li> 
					 </ul>
                        <div class="clearfix"> </div>
					<!-- script-for-menu -->
						 <script>
						   $( "span.menu" ).click(function() {
							 $( "ul.res" ).slideToggle( 300, function() {
							 // Animation complete.
							  });
							 });
						</script>
		        <!-- /script-for-menu -->
				</div>
		    </div>
		 <div class="clearfix"> </div>
	  </div>
		 <div class="banner-bottom">
		 	<h3>Lorem Ipsum is simply dummy text of the printing</h3>
		 	<a href="#" class="hvr-sweep-to-right">Read More</a>
		 </div>
	 </div>
 </div>
</div>
<!--banner start here-->
<!--banner strip here-->
<div class="ban-strip">
	<div class="container">
		<div class="banstrip-main">
			   <div class="col-md-4 ban-strip-grid">
			   	  <div class="col-md-4 bann-strip-img">
			   	  	 <span class="glyphicon glyphicon-plane" aria-hidden="true"> </span>
			   	  </div>
			   	  <div class="col-md-8 bann-strip-text">
			   	  	  <h4>Neque porro</h4>
			   	  	  <p>master-builder of human</p>
			   	  </div>
			   	<div class="clearfix"> </div>
			   </div>
			   <div class="col-md-4 ban-strip-grid">
			   	  <div class="col-md-4 bann-strip-img">
			   	  	 <span class="glyphicon glyphicon-cloud" aria-hidden="true"> </span>
			   	  </div>
			   	  <div class="col-md-8 bann-strip-text">
			   	  	  <h4>Neque porro</h4>
			   	  	  <p>master-builder of human</p>
			   	  </div>
			   	<div class="clearfix"> </div>
			   </div>
			   <div class="col-md-4 ban-strip-grid">
			   	  <div class="col-md-4 bann-strip-img">
			   	  	 <span class="glyphicon glyphicon-star-empty" aria-hidden="true"> </span>
			   	  </div>
			   	  <div class="col-md-8 bann-strip-text">
			   	  	  <h4>Neque porro</h4>
			   	  	  <p>master-builder of human</p>
			   	  </div>
			   	<div class="clearfix"> </div>
			   </div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--banner strip end here-->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
<!--package start here-->
<div class="package">
	<div class="container">
		<div class="package-main">
			 <div class="pack-top">
			 	<h3>Featured Vacation Package deals</h3>
			 </div>
			 <div class="pack-bott">
			  <div class="col-md-3 package-grid">
			  	<img src="images/p1.jpg" alt="" class="img-responsive">
			  	<h4>Temporibus autem</h4>
			  	<p> pain was born and I will give you a complete account</p>
			  </div>
			  <div class="col-md-3 package-grid">
			  	<img src="images/p2.jpg" alt="" class="img-responsive">
			  	<h4>Temporibus autem</h4>
			  	<p> pain was born and I will give you a complete account</p>
			  </div>
			 <div class="col-md-3 package-grid">
			  	<img src="images/p3.jpg" alt="" class="img-responsive">
			  	<h4>Temporibus autem</h4>
			  	<p> pain was born and I will give you a complete account</p>
			  </div>
			  <div class="col-md-3 package-grid">
			  	<img src="images/p4.jpg" alt="" class="img-responsive">
			  	<h4>Temporibus autem</h4>
			  	<p> pain was born and I will give you a complete account</p>
			  </div>
			<div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div>
<!--package end here-->
<!--welcome start here-->
<div class="welcome">
	<div class="welcome-main">
		<div class="col-md-6 welcome-left">
			 <div class="wel-text">
			   	<h3>WELCOME</h3>
			   	<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio</p>
			 </div>
		</div>
		<div class="col-md-6 welcome-right">
			   	
		</div>
	 <div class="clearfix"> </div>
	</div>
</div>
<!--welcome end here-->
<!--trip grig start here-->
<div class="trip">
	<div class="trip-main">
			   <div class="col-md-6 trip-left">
			   	  
			   </div>
			   <div class="col-md-6 trip-right">
			   	 <h3>Visit Places</h3>
			   	<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio</p>
			   </div>
			<div class="clearfix"> </div>
	</div>
</div>	
<!--trip end here-->
<!--nemo start here-->
<div class="nemo">
	<div class="container">
		<div class="nemo-main">
			  <div class="col-md-6 nemo-left">
			  	<h3>Nemo enim ipsum</h3>
			  	<h4>To take a trivial example, which  ever undertakes laborious some advantage</h4>
			  	<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae </p>
			  </div>
			  <div class="col-md-6 nemo-left">
			  	<h3>Nemo enim ipsum</h3>
			  	<h4>To take a trivial example, which of us ever undertakes obtain some advantage</h4>
			  	<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae</p>
			  </div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--nemo end here-->
<!--footer star here-->
<div class="footer">
  <div class="container">
	  <div class="footer-main">
		<div class="footer-top">
			<div class="col-md-3 footer-news">
			<h5>Newsletter</h5>
			</div>
			<div class="col-md-9 ftr-email">
				<form>
					<input type="text" value="Enter email" onFocus="this.value='';" onBlur="if (this.value == '') {this.value ='Enter email';}">
					<input type="submit" value="SUBSCRIBE" >
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
	  <div class="clearfix"> </div>
		</div>
		<div class="copyright">
				<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
</p>
		</div>
	</div>
</div>
<!--footer end here-->

</body>
</html>